<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        伪类：
        实际上不存在的样式 当我们的元素处于某种状态下展现的具体形式
        超链接的伪类：
        超链接存在四种状态：
        :link 未点击状态
        :hover 鼠标移入状态
        :active 鼠标点击状态
        :visited 点击过后的状态
        超链接样式会根据历史记录判断 如果点击过后就回不到最初的样式了
        通常我们会就将未点击和点击后设置为一个样式 悬浮和点击设置一个样式

     -->
    <style>
        a:link,
        a:visited {
            color: red;
            font-size: 50px;
        }

        /* a:hover, */
        a:active {
            color: green;
            font-size: 50px;
        }
    </style>
</head>

<body>
    <a href="#">5555</a>
</body>

</html>